<template>
  <div>
    <a-config-provider :locale="locale">
      <div style="font-size: 14pt; margin-bottom: 10px"><span style="font-weight: bold; ">编号：</span>{{ formData.applyCode.componentProp.defaultValue }}</div>
      <div style="font-size: 18pt; text-align: center;font-weight: bold; margin-bottom: 50px">
        中电翼康科技有限公司证照借阅审批表
      </div>
      <a-form ref="vForm" :model="formData" hideRequiredMark>
        <div style="display: flex; width: 85%; margin: 0px auto">
          <div style="width: 134pt"><span style="font-weight: bold; ">证照：</span></div>
          <div>
            <a-form-item :label="formData.dataContent.label" class="hideLabel" :name="[
              formData.dataContent.field,
              'componentProp',
              'defaultValue',
            ]" v-if="!formData.dataContent.componentProp.hidden" :rules="formData.dataContent.rules">
              <a-row
                v-if="formData.dataContent.componentProp.defaultValue && JSON.parse(formData.dataContent.componentProp.defaultValue).length > 0">
                <a-col style="padding-right: 10px;"
                  :span="JSON.parse(formData.dataContent.componentProp.defaultValue).length > 4 ? 12 : 24"
                  v-for="(it, iIndex) in JSON.parse(formData.dataContent.componentProp.defaultValue)" :key="iIndex">
                  {{ it.certificateName }}
                </a-col>
              </a-row>
            </a-form-item>
          </div>
        </div>
        <table border="1" cellspacing="0" cellpadding="0" style="width: 100%" class="yk_table">
          <tr>
            <td rowspan="2"><span style="font-weight: bold; ">申请单位</span></td>
            <td rowspan="2">
              <a-form-item :label="formData.applyUserDeptName.label" class="hideLabel" :name="[
                formData.applyUserDeptName.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.applyUserDeptName.componentProp.hidden" :rules="formData.applyUserDeptName.rules">
                <a-textarea
                  auto-size v-model:value="formData.applyUserDeptName.componentProp.defaultValue
                  " :disabled="formData.applyUserDeptName.componentProp.disabled" :placeholder="formData.applyUserDeptName.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td rowspan="2"><span style="font-weight: bold; ">借阅人</span></td>
            <td rowspan="2">
              <a-form-item :label="formData.applyUserName.label" class="hideLabel" :name="[
                formData.applyUserName.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.applyUserName.componentProp.hidden" :rules="formData.applyUserName.rules">
                <a-input v-model:value="formData.applyUserName.componentProp.defaultValue
                  " :disabled="formData.applyUserName.componentProp.disabled" :placeholder="formData.applyUserName.componentProp.placeholder
    " />
              </a-form-item>
            </td>
            <td><span style="font-weight: bold; ">借阅时间</span></td>
            <td>
              <a-form-item :label="formData.startTime.label" class="hideLabel formTimedisplay" :name="[
                formData.startTime.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.startTime.componentProp.hidden" :rules="formData.startTime.rules">
                <a-date-picker style="width: 100%" show-time v-model:value="formData.startTime.componentProp.defaultValue"
                  :disabled="formData.startTime.componentProp.disabled"
                  :placeholder="formData.startTime.componentProp.placeholder" type="date" value-format="YYYY-MM-DD HH:mm"
                  format="YYYY-MM-DD HH:mm" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">是否用印</span></td>
            <td>
              <a-form-item :label="formData.isUseSeal.label" class="hideLabel formTimedisplay" :name="[
                formData.isUseSeal.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.isUseSeal.componentProp.hidden" :rules="formData.isUseSeal.rules">
                <a-radio-group v-model:value="formData.isUseSeal.componentProp.defaultValue"
                  :disabled="formData.isUseSeal.componentProp.disabled"
                  :placeholder="formData.isUseSeal.componentProp.placeholder"
                  :options="formData.isUseSeal.componentProp.option">
                </a-radio-group>
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td rowspan="2"><span style="font-weight: bold; ">用件事由</span></td>
            <td colspan="5">
              <a-form-item label="事由：" :name="[
                formData.reason.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.reason.componentProp.hidden" :rules="formData.reason.rules">
                <a-textarea v-model:value="formData.reason.componentProp.defaultValue"
                  :disabled="formData.reason.componentProp.disabled"
                  :placeholder="formData.reason.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td colspan="5">
              <a-form-item style="margin-bottom: 10px;" label="所附资料标题：" :name="[
                formData.resourceTitle.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.resourceTitle.componentProp.hidden" :rules="formData.resourceTitle.rules">
                <a-textarea v-model:value="formData.resourceTitle.componentProp.defaultValue"
                  :disabled="formData.resourceTitle.componentProp.disabled"
                  :placeholder="formData.resourceTitle.componentProp.placeholder" />
              </a-form-item>
              <a-form-item label="内容概要：" :name="[
                formData.resourceSummary.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.resourceSummary.componentProp.hidden" :rules="formData.resourceSummary.rules">
                <a-textarea v-model:value="formData.resourceSummary.componentProp.defaultValue"
                  :disabled="formData.resourceSummary.componentProp.disabled"
                  :placeholder="formData.resourceSummary.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td rowspan="2"><span style="font-weight: bold; ">依据文件</span></td>
            <td colspan="5">
              <a-form-item label="标题：" :name="[
                formData.fileTitle.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.fileTitle.componentProp.hidden" :rules="formData.fileTitle.rules">
                <a-input v-model:value="formData.fileTitle.componentProp.defaultValue"
                  :disabled="formData.fileTitle.componentProp.disabled"
                  :placeholder="formData.fileTitle.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td colspan="5">
              <a-form-item label="编号：" :name="[
                formData.fileCode.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.fileCode.componentProp.hidden" :rules="formData.fileCode.rules">
                <a-input v-model:value="formData.fileCode.componentProp.defaultValue"
                  :disabled="formData.fileCode.componentProp.disabled"
                  :placeholder="formData.fileCode.componentProp.placeholder" />
              </a-form-item>
            </td>
          </tr>
          <tr>
            <td rowspan="1"><span style="font-weight: bold; ">申请部门审核意见</span></td>
            <td colspan="5">
              <a-form-item :label="formData.deptManagerContent.label" class="hideLabel" :name="[
                formData.deptManagerContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.deptManagerContent.componentProp.hidden" :rules="formData.deptManagerContent.rules">
                <a-textarea v-model:value="formData.deptManagerContent.componentProp.defaultValue"
                  :disabled="formData.deptManagerContent.componentProp.disabled"
                  :placeholder="formData.deptManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item
                      label="签字："
                      :name="[
                        formData.deptManagerSign.field,
                        'componentProp',
                        'defaultValue',
                      ]"
                      v-if="!formData.deptManagerSign.componentProp.hidden"
                      :rules="formData.deptManagerSign.rules"
                    >
                      <a-input
                        v-model:value="
                          formData.deptManagerSign.componentProp.defaultValue
                        "
                        :disabled="
                          formData.deptManagerSign.componentProp.disabled
                        "
                        :placeholder="
                          formData.deptManagerSign.componentProp.placeholder
                        "
                      />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item
                      :label="formData.deptManagerDate.label"
                      class="hideLabel formTimedisplay"
                      :name="[
                        formData.deptManagerDate.field,
                        'componentProp',
                        'defaultValue',
                      ]"
                      v-if="!formData.deptManagerDate.componentProp.hidden"
                      :rules="formData.deptManagerDate.rules"
                    >
                      <a-date-picker
                        v-model:value="
                          formData.deptManagerDate.componentProp.defaultValue
                        "
                        :disabled="formData.deptManagerDate.componentProp.disabled"
                        :placeholder="
                          formData.deptManagerDate.componentProp.placeholder
                        "
                        show-time
                        type="date"
                        value-format="YYYY-MM-DD"
                        format="YYYY年MM月DD日"
                      />
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td rowspan="1"><span style="font-weight: bold; ">承办部门审核意见</span></td>
            <td colspan="5">
              <a-form-item :label="formData.deptUndertakContent.label" class="hideLabel" :name="[
                formData.deptUndertakContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.deptUndertakContent.componentProp.hidden"
                :rules="formData.deptUndertakContent.rules">
                <a-textarea v-model:value="formData.deptUndertakContent.componentProp.defaultValue"
                  :disabled="formData.deptUndertakContent.componentProp.disabled"
                  :placeholder="formData.deptUndertakContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item
                      label="签字："
                      :name="[
                        formData.deptUndertakSign.field,
                        'componentProp',
                        'defaultValue',
                      ]"
                      v-if="!formData.deptUndertakSign.componentProp.hidden"
                      :rules="formData.deptUndertakSign.rules"
                    >
                      <a-input
                        v-model:value="
                          formData.deptUndertakSign.componentProp.defaultValue
                        "
                        :disabled="
                          formData.deptUndertakSign.componentProp.disabled
                        "
                        :placeholder="
                          formData.deptUndertakSign.componentProp.placeholder
                        "
                      />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item
                      :label="formData.deptUndertakDate.label"
                      class="hideLabel formTimedisplay"
                      :name="[
                        formData.deptUndertakDate.field,
                        'componentProp',
                        'defaultValue',
                      ]"
                      v-if="!formData.deptUndertakDate.componentProp.hidden"
                      :rules="formData.deptUndertakDate.rules"
                    >
                      <a-date-picker
                        v-model:value="
                          formData.deptUndertakDate.componentProp.defaultValue
                        "
                        :disabled="formData.deptUndertakDate.componentProp.disabled"
                        :placeholder="
                          formData.deptUndertakDate.componentProp.placeholder
                        "
                        show-time
                        type="date"
                        value-format="YYYY-MM-DD"
                        format="YYYY年MM月DD日"
                      />
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td rowspan="2"><span style="font-weight: bold; ">公司领导审核意见</span></td>
            <td colspan="5">
              <a-form-item label="分管副总经理意见：" :name="[
                formData.deputyGeneralManagerContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.deputyGeneralManagerContent.componentProp.hidden"
                :rules="formData.deputyGeneralManagerContent.rules">
                <a-input v-model:value="formData.deputyGeneralManagerContent.componentProp.defaultValue"
                  :disabled="formData.deputyGeneralManagerContent.componentProp.disabled"
                  :placeholder="formData.deputyGeneralManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item
                      label="签字："
                      :name="[
                        formData.deputyGeneralManagerSign.field,
                        'componentProp',
                        'defaultValue',
                      ]"
                      v-if="!formData.deputyGeneralManagerSign.componentProp.hidden"
                      :rules="formData.deputyGeneralManagerSign.rules"
                    >
                      <a-input
                        v-model:value="
                          formData.deputyGeneralManagerSign.componentProp.defaultValue
                        "
                        :disabled="
                          formData.deputyGeneralManagerSign.componentProp.disabled
                        "
                        :placeholder="
                          formData.deputyGeneralManagerSign.componentProp.placeholder
                        "
                      />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item
                      :label="formData.deputyGeneralManagerDate.label"
                      class="hideLabel formTimedisplay"
                      :name="[
                        formData.deputyGeneralManagerDate.field,
                        'componentProp',
                        'defaultValue',
                      ]"
                      v-if="!formData.deputyGeneralManagerDate.componentProp.hidden"
                      :rules="formData.deputyGeneralManagerDate.rules"
                    >
                      <a-date-picker
                        v-model:value="
                          formData.deputyGeneralManagerDate.componentProp.defaultValue
                        "
                        :disabled="formData.deputyGeneralManagerDate.componentProp.disabled"
                        :placeholder="
                          formData.deputyGeneralManagerDate.componentProp.placeholder
                        "
                        show-time
                        type="date"
                        value-format="YYYY-MM-DD"
                        format="YYYY年MM月DD日"
                      />
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td colspan="5">
              <a-form-item label="总经理/支委书记意见：" :name="[
                formData.generalManagerContent.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.generalManagerContent.componentProp.hidden"
                :rules="formData.generalManagerContent.rules">
                <a-input v-model:value="formData.generalManagerContent.componentProp.defaultValue"
                  :disabled="formData.generalManagerContent.componentProp.disabled"
                  :placeholder="formData.generalManagerContent.componentProp.placeholder" />
              </a-form-item>
              <div style="float: right; margin-top: 10px;">
                <a-row :gutter="16">
                  <a-col :span="12">
                    <a-form-item
                      label="签字："
                      :name="[
                        formData.generalManagerSign.field,
                        'componentProp',
                        'defaultValue',
                      ]"
                      v-if="!formData.generalManagerSign.componentProp.hidden"
                      :rules="formData.generalManagerSign.rules"
                    >
                      <a-input
                        v-model:value="
                          formData.generalManagerSign.componentProp.defaultValue
                        "
                        :disabled="
                          formData.generalManagerSign.componentProp.disabled
                        "
                        :placeholder="
                          formData.generalManagerSign.componentProp.placeholder
                        "
                      />
                    </a-form-item>
                  </a-col>
                  <a-col :span="12">
                    <a-form-item
                      :label="formData.generalManagerDate.label"
                      class="hideLabel formTimedisplay"
                      :name="[
                        formData.generalManagerDate.field,
                        'componentProp',
                        'defaultValue',
                      ]"
                      v-if="!formData.generalManagerDate.componentProp.hidden"
                      :rules="formData.generalManagerDate.rules"
                    >
                      <a-date-picker
                        v-model:value="
                          formData.generalManagerDate.componentProp.defaultValue
                        "
                        :disabled="formData.generalManagerDate.componentProp.disabled"
                        :placeholder="
                          formData.generalManagerDate.componentProp.placeholder
                        "
                        show-time
                        type="date"
                        value-format="YYYY-MM-DD"
                        format="YYYY年MM月DD日"
                      />
                    </a-form-item>
                  </a-col>
                </a-row>
              </div>
            </td>
          </tr>
          <tr>
            <td><span style="font-weight: bold; ">其它需说明事项</span></td>
            <td colspan="3">
              <a-form-item :label="formData.remark.label" class="hideLabel formTimedisplay" :name="[
                formData.remark.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.remark.componentProp.hidden" :rules="formData.remark.rules">
                <a-textarea v-model:value="formData.remark.componentProp.defaultValue"
                  :disabled="formData.remark.componentProp.disabled"
                  :placeholder="formData.remark.componentProp.placeholder" />
              </a-form-item>
            </td>
            <td colspan="3">
              <a-form-item label="借阅人签名：" :name="[
                formData.applyUserName.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.applyUserName.componentProp.hidden" :rules="formData.applyUserName.rules">
                <a-input v-model:value="formData.applyUserName.componentProp.defaultValue
                  " :disabled="formData.applyUserName.componentProp.disabled" :placeholder="formData.applyUserName.componentProp.placeholder
    " />
              </a-form-item>
              <a-form-item label="联系电话：" :name="[
                formData.applyUserPhone.field,
                'componentProp',
                'defaultValue',
              ]" v-if="!formData.applyUserPhone.componentProp.hidden" :rules="formData.applyUserPhone.rules">
                <a-input v-model:value="formData.applyUserPhone.componentProp.defaultValue
                  " :disabled="formData.applyUserPhone.componentProp.disabled" :placeholder="formData.applyUserPhone.componentProp.placeholder
    " />
              </a-form-item>
            </td>
          </tr>
        </table>
      </a-form>
    </a-config-provider>
  </div>
</template>

<script lang="ts" setup>
import { ref, reactive, watch } from "vue";
import dayjs from "dayjs";
import zhCN from "ant-design-vue/es/locale/zh_CN";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");
const vForm = ref();
const locale = ref(zhCN);
const formData = reactive({
  applyCode: {
    type: "input",
    field: "applyCode",
    label: "编号",
    rules: [{ required: false }],
    componentProp: {
      defaultValue: '${applyCode}',
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  dataContent: {
    type: "input",
    field: "dataContent",
    label: "印章",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: '',
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  role: {
    type: 'input',
    field: 'role',
    label: '用车人角色（隐藏）',
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserRole}",
      disabled: false,
      hidden: false,
      placeholder: ""
    }
  },
  infoType: {
    type: "input",
    field: "infoType",
    label: "印章类型",
    rules: [{ required: false }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserName: {
    type: "input",
    field: "applyUserName",
    label: "借阅人",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserName}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserId: {
    type: "input",
    field: "applyUserId",
    label: "借阅人",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserId}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  isUseSeal: {
    type: "input",
    field: "isUseSeal",
    label: "是否用印",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [
        { label: '是', value: '1' },
        { label: '否', value: '2' }
      ],
    },
  },
  startTime: {
    type: "datepicker",
    field: "startTime",
    label: "借阅时间",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  reason: {
    type: "textarea",
    field: "reason",
    label: "事由",
    rules: [{ required: true }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  resourceTitle: {
    type: "textarea",
    field: "resourceTitle",
    label: "所附资料标题",
    rules: [{ required: false }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  resourceSummary: {
    type: "textarea",
    field: "resourceSummary",
    label: "内容概要",
    rules: [{ required: false }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  },
  fileTitle: {
    type: "input",
    field: "fileTitle",
    label: "依据文件标题",
    rules: [{ required: false }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  fileCode: {
    type: "input",
    field: "fileCode",
    label: "依据文件编号",
    rules: [{ required: false }],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deptManagerContent: {
    type: "input",
    field: "deptManagerContent",
    label: "申请部门审核意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deptManagerSign: {
    type: "input",
    field: "deptManagerSign",
    label: "申请部门签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deptManagerDate: {
    type: "datepicker",
    field: "deptManagerDate",
    label: "申请部门签字日期",
    rules: [{ required: true, }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  deptUndertakContent: {
    type: "input",
    field: "deptUndertakContent",
    label: "承办部门审核意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deptUndertakSign: {
    type: "input",
    field: "deptUndertakSign",
    label: "承办部门签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deptUndertakDate: {
    type: "datepicker",
    field: "deptUndertakDate",
    label: "承办部门签字日期",
    rules: [{ required: true, }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  deputyGeneralManagerContent: {
    type: "input",
    field: "deputyGeneralManagerContent",
    label: "分管副总经理审核意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deputyGeneralManagerSign: {
    type: "input",
    field: "deputyGeneralManagerSign",
    label: "分管副总经理签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  deputyGeneralManagerDate: {
    type: "datepicker",
    field: "deputyGeneralManagerDate",
    label: "分管副总经理签字日期",
    rules: [{ required: true, }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  generalManagerContent: {
    type: "input",
    field: "generalManagerContent",
    label: "总经理/支委书记意见",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  generalManagerSign: {
    type: "input",
    field: "generalManagerSign",
    label: "总经理/支委书记签字",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  generalManagerDate: {
    type: "datepicker",
    field: "generalManagerDate",
    label: "总经理/支委书记签字日期",
    rules: [{ required: true, }],
    componentProp: {
      placeholder: "请输入",
      defaultValue: "",
      disabled: false,
      hidden: false,
      option: [],
    },
  },
  applyUserPhone: {
    type: "input",
    field: "applyUserPhone",
    label: "联系电话",
    rules: [{ required: true }],
    componentProp: {
      defaultValue: "${applyUserPhone}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserDeptName: {
    type: "input",
    field: "applyUserDeptName",
    label: "申请单位",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "${applyUserDeptName}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  applyUserDeptId: {
    type: "input",
    field: "applyUserDeptId",
    label: "申请单位ID",
    rules: [
      {
        required: true,
      },
    ],
    componentProp: {
      defaultValue: "${applyUserDeptId}",
      disabled: false,
      hidden: false,
      placeholder: "",
    },
  },
  remark: {
    type: "textarea",
    field: "remark",
    label: "备注",
    rules: [{ required: false }],
    componentProp: {
      placeholder: "",
      defaultValue: "",
      disabled: false,
      hidden: false,
    },
  }
});

const submitForm = () => {
  return vForm.value.validate();
};

defineExpose({
  formData,
  submitForm,
});
</script>

<style scoped>
.yk_table .ant-form-item {
  margin-bottom: 0;
}

.yk_table .ant-input-number {
  width: 100%;
}

.yk_table td {
  padding: 10px;
}

::v-deep .hideLabel .ant-form-item-label {
  display: none !important;
}

::v-deep .formTimedisplay {
  display: inline-block !important;
  width: 100%;
}

::v-deep .formTimeSpan {
  vertical-align: text-top;
  display: inline-block;
  margin: 0 10px;
}

ul li {
  list-style-type: none;
}
::v-deep .ant-input-affix-wrapper-disabled,
.ant-input-affix-wrapper[disabled],
.ant-input-disabled,
.ant-input[disabled],
.ant-picker.ant-picker-disabled,
.ant-select-disabled .ant-select:not(.ant-select-customize-input) .ant-select-selector{
  background: #fff !important;
  color: #666 !important;
}
::v-deep input[disabled],.ant-input-number-disabled {
  color: #666 !important;
  background-color: #fff !important;
}
::v-deep label{
  font-weight: bold ;
}
::v-deep [class^="ant-radio"] [class^="ant-radio"], [class*=" ant-radio"] [class^="ant-radio"], [class^="ant-radio"] [class*=" ant-radio"], [class*=" ant-radio"] [class*=" ant-radio"]{
  font-weight: normal;
}
::v-deep .ant-form-item .ant-form-item-label >label{
  font-weight: bold ;
}
</style>
